<!--
 * @Author: 邱智聪
 * @Date: 2020-07-08 10:36:38
 * @LastEditTime: 2020-07-09 17:10:35
 * @LastEditors: Please set LastEditors
 * @Description: 考试历史记录的查看内容
 * @FilePath: \jingkaisystem\src\pages\exam\exam_view\exam_view.vue
--> 
<template>
  <div class="exam_view">
    <!-- 考试试题与时间的布局 -->
    <el-row>
      <el-col :span="20">
        <div class="grid-content bg-purple">
          <!-- 考试试题区 -->
          <exam-test></exam-test>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="grid-content bg-purple-light">
          <!-- 考试时间区 -->
          <exam-date></exam-date>
        </div>
      </el-col>
    </el-row>
    <!-- 分页 -->
    <div class="pages">
      <el-pagination background layout="prev, pager, next" :total="50"></el-pagination>
    </div>
  </div>
</template>

<script>
import examTest from "./components/examTest";
import examDate from "./components/examDate";
import * as api from "@/api/apiList/historyDetails.js";
export default {
  components: {
    examTest,
    examDate
  },
  methods: {
    async API_transcriptById() {
      return await api.transcriptById();
    }
  },
  async created() {
    let res = await this.API_transcriptById();
    console.log(res);
  }
};
</script>

<style style lang="less" scoped>
// 考试区
.exam_view {
  width: 1200px;
  height: 500px;
  margin-left: 200px;
  position: relative;
}
// 分页
.pages {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 200px;
  margin-left: -200px;
}
</style>